<!DOCTYPE html>
<html lang="en">
<head>
    <base href=""/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>记录日志</title>
    <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
    <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
    <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>

    <script type="text/javascript" src="../static/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
    <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
    <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
    <script type="text/javascript" src="../static/js/common.js"></script>
    <script type="text/javascript" src="../static/js/messageContent.js"></script>
    <script type="text/javascript" src="../static/js/chargingStationLog.js"></script>
    <script type='text/javascript' src='../static/table/chargingStationLogTable.js'></script>
    <script type='text/javascript' src='../static/js/page.js'></script>
</head>
<body>
<div class="ablosulteDiv">
  <div class="top">
  	<h4 class="partTitle">
  		当前位置: 充电站<span class="comSpanTitle">></span>记录日志
  	</h4>
  </div>
  <div class="blueBorder"></div>
  <div class="recordTBody">
	  <div class="partWhite paddingBottomTen">
	  	<form class="form-horizontal" id="searchChargingStationLog">
	        <input id="page" name="page" value="1" hidden="hidden">
	        <input id="rows" name="rows" value="10" hidden="hidden">
	        <input id="currentPage" name="currentPage" value="0" hidden="hidden">
	        <div class="form-group">
	        	<div class="col-md-3 col3ConditionAll">
		           <label for="message" class="col-sm-4 control-label partConditionTitle">搜索内容</label>
		           <div class="col-sm-8 partCondition">
			         <input name="message" id="message" class="form-control" placeholder="请输入搜索内容">
			       </div>
		       </div>
			  <!-- 
	           <label for="ChargingStationID" class="col-sm-1 control-label partConditionTitle">充电站名称</label>
	           <div class="col-sm-2 partCondition">
	               <select id="ChargingStationID" name="ChargingStationID" class="form-control">
	                 <option value="" selected="selected">请选择</option>
	               </select>
	           </div>
	            -->
	           <div class="col-md-3 col3ConditionAll">
		           <label for="startTime" class="col-sm-4 control-label partConditionTitle">开始时间</label>
		           <div id="startDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii" style="float: left;">
		              <input id="startTime" name="startTime" class="form-control" type="text">
		              <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
		              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
		           </div>
	           </div>
	           <div class="col-md-3 col3ConditionAll">
		           <label for="endTime" class="col-sm-4 control-label partConditionTitle">结束时间</label>
		           <div id="endDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii" style="float: left;">
		              <input id="endTime" name="endTime" class="form-control" type="text">
		              <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
		              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
		           </div>
	           </div>
	           <div class="col-md-3 partCondition paddingBottomTen">
	            	<button type="button" onclick="search()" class="btn btnDefault marginLeft2ten">
		     			<img src="../static/images/search2.png" height="20" width="20"/>
		       	 		搜索
       				</button>
		            <button type="reset" onclick="resetSearch()" class="btn btnReset marginLeft2ten">
		     			<img src="../static/images/resultPng.png" height="20" width="20"/>
		       	 		重置
       				</button>
   				</div>
	       </div>
	    </form>
	  	</div>
	  <div class="partWhite">
	    <div class="partTable">
	         <div class="partTable">
			    	<ul class="nav nav-tabs" role="tablist" id="myTab">
				        <li role="presentation" class="active" onclick="allClick('chargingStationLog')"><a href="#chargingStationLog" role="tab" data-toggle="tab">充电站日志</a></li>
				        <li role="presentation" onclick="allClick('checkRecord')"><a href="#checkRecord" role="tab" data-toggle="tab">检修记录</a></li>
				        <li role="presentation" onclick="allClick('onDutyLog')"><a href="#onDutyLog" role="tab" data-toggle="tab">值班日志</a></li>
				        <li role="presentation" onclick="allClick('replacePart')"><a href="#replacePartRecord" role="tab" data-toggle="tab">零件更换记录</a></li>
				        <li role="presentation" onclick="allClick('breakRepair')"><a href="#breakRepairRecord" role="tab" data-toggle="tab">故障维修记录</a></li>
			    	</ul>
			    </div>
			    <div class="tab-content">
			        <div role="tabpanel" class="tab-pane active" id="chargingStationLog" style="padding:10px;">
						<div id="logContent">
			         	</div>
					</div>
			        <div role="tabpanel" class="tab-pane" id="checkRecord">
						<table class="table table-hover" id="checkRecordTable">
							<thead id="checkRecordThead">
							</thead>
							<tbody id="checkRecordTbody">
							</tbody>
						</table>
					</div>
			        <div role="tabpanel" class="tab-pane" id="onDutyLog">
			        	<table class="table table-hover" id="onDutyLogTable">
			        		<thead id="onDutyLogThead">
							</thead>
							<tbody id="onDutyLogTbody">
							</tbody>
			        	</table>
			        </div>
			        <div role="tabpanel" class="tab-pane" id="replacePartRecord">
						<table class="table table-hover" id="replacePartTable">
							<thead id="replacePartThead">
							</thead>
							<tbody id="replacePartTbody">
							</tbody>
						</table>
					</div>
			        <div role="tabpanel" class="tab-pane" id="breakRepairRecord">
			        	<table class="table table-hover" id="breakRepairTable">
			        		<thead id="breakRepairThead">
							</thead>
							<tbody id="breakRepairTbody">
							</tbody>
			        	</table>
			        </div>
			    </div>
	    </div>
	    <div class="partBtn">
	        <div class="partTurnPage">
	            <ul class="list-inline">
	              <!-- <li id="total"></li> -->
	              <li class="turnPage"></li>
				</ul>
	        </div>
	    </div>
	  </div>
  	</div>
	</div>
 <!-- 弹出框 -->
 <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="save" tabindex="-1" class="modal fade popup">
     <div class = "popupTable">
         <form id="saveForm">
         <div class="modal-body">
            <table class="table table-hover">
            	<thead id="detailThead">
            	</thead>
	            <tbody id="detailTbody">
	            </tbody>
            </table>
            <table class="table table-hover">
	            <tbody id="detailTable">
	            </tbody>
            </table>
         </div>
     </form>
     <div class="modal-footer">
     	<button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
     </div>
     </div>
 </div>
</body>
</html>